import React from 'react';


class TodoPannel extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <footer className="footer">
          <span className="todo-count">
            <strong>0</strong>
            <span> </span><span>items</span>
            <span> left</span>
          </span>
        <ul className="filters">
          <li><a href="#/" className="selected">All</a></li>
          <span> </span>
          <li>
            <a href="#/active" className="">Active</a>
          </li>
          <span> </span>
          <li>
            <a href="#/completed" className="">Completed</a>
          </li>
          <span> </span>
        </ul>
        <button className="clear-completed">Clear completed</button>
      </footer>
    );
  }
}

export default TodoPannel
